// $(function() {
//     (function() {
//         var $image = $('.img-container > img'),
//             $dataX = $('#dataX'),
//             $dataY = $('#dataY'),
//             $dataHeight = $('#dataHeight'),
//             $dataWidth = $('#dataWidth'),
//             $dataRotate = $('#dataRotate'),
//             options = {
//                 background: false,
//                 aspectRatio: 1 / 1,
//                 preview: '.img-preview',
//                 crop: function(data) {
//                     $dataX.val(Math.round(data.x));
//                     $dataY.val(Math.round(data.y));
//                     $dataHeight.val(Math.round(data.height));
//                     $dataWidth.val(Math.round(data.width));
//                     $dataRotate.val(Math.round(data.rotate));
//                 }
//             };

//         $image.cropper(options);


//         // Methods


//     }());

// });
var $image = $('.img-container > img'),
    $dataX = $('#dataX'),
    $dataY = $('#dataY'),
    $dataHeight = $('#dataHeight'),
    $dataWidth = $('#dataWidth'),
    $dataRotate = $('#dataRotate'),
    options = {
        background: false,
        aspectRatio: 1 / 1,
        preview: '.img-preview',
        crop: function(data) {
            $dataX.val(Math.round(data.x));
            $dataY.val(Math.round(data.y));
            $dataHeight.val(Math.round(data.height));
            $dataWidth.val(Math.round(data.width));
            $dataRotate.val(Math.round(data.rotate));
        }
    };

$image.cropper(options);


//上传功能
$('.upload-button .upload').click(function() {
    $('.upload-button input').trigger('click')
})

//图片替换
$('.upload-button input').on('change', function() {
    //获取用户选择的图片
    let aFiles = $(this)[0].files
    let imgUrl = URL.createObjectURL(aFiles[0])
    $image.cropper('destroy')
    $image.attr('src', imgUrl)
    $image.cropper(options);
})


$('.confile').click(function() {
    let aFiles = $('.upload-button input')[0].files
    if (!aFiles.length) {
        layer.msg('请选择头像')
    } else {
        let croppedImg = $('.img-container > img').cropper('getCroppedCanvas', { width: 80, height: 80 })
        let base64Img = croppedImg.toDataURL()
        let token = JSON.parse(localStorage.getItem('token'))
        updateImg(token, base64Img, function(data) {

            layer.msg(data.message)
        })
    }
})